<style>
    .layui-form-item .layui-inline .layui-form-label {
        font-size: 15px;
        font-weight: bold;
        width:200px;
    }
</style>
<form style="padding:30px;" class="layui-form layui-form-pane operationForm">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" style="width: auto;color: red">Positive numbers are plus and negative numbers are minus</label>
        </div>
    </div>
    <div class="layui-form-item" style="padding-left: 50px;font-size: 20px;">
        <div>Card Num : {$card_num}</div><br/>
        <div>Card Balance : $ {$balance}</div><br/>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">Change Amount：</label>
            <div class="layui-input-inline seller-inline-3">
                <input type="text" name="amount" id="amount" style="width: 200px;"
                       class="layui-input" value="" min="-{$balance}" placeholder="$">
            </div>
            <input type="hidden" name="card_id" id="card_id" value="{$card_id}">
        </div>
    </div>
</form>
<script>
    layui.use('form', function(){
        layui.form.render();
    });
</script>